import React, { useState } from 'react'
import './myFans.scss'
import {
  LeftOutlined
} from '@ant-design/icons';
export default function myFans() {
  const [list, setList] = useState([{ _id: 1, name: '天天天', url: 'https://img.zcool.cn/community/031vxvybtsae3l89qswy4no3530.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80' }])
  return (
    <div>
      <div className="mythree_top">
        <p><LeftOutlined /></p>
        <h3>我的粉丝</h3>
        <div></div>
      </div>
      <div className='funs'>
        {list.map((i) => (
          <div className="box" key={i._id}>
            <div className="img">
              <img src={i.url} alt="" />
            </div>
            <p>{i.name}</p>
          </div>
        ))}
      </div>
    </div>
  )
}
